
<style>
/* Zvýšení textu na 24px pro "Můj košík" */
div.h4 {
    font-size: 24px !important;
    line-height: 1.5;
    font-weight: bold;
}

/* Zvýšení textu na 16px pro "Zákaznický účet" */
body label[for="login"] {
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: normal !important;
    display: inline-block !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Popisky formulářů na 14px */
.form-group label,
.form-group label span {
    font-size: 14px !important;
    line-height: 1.4;
}

/* Text konkrétního checkboxu na 16px */
#checkoutSidebar > div > div.form-group.js-validated-element-wrapper.consents.consents-first > label > span {
    font-size: 16px !important;
    line-height: 1.4;
    font-weight: normal;
}

/* Checkboxy a jejich texty na 16px */
.form-group.js-validated-element-wrapper.consents label,
label.whole-width,
span.required-asterisk {
    font-size: 16px !important;
    line-height: 1.4;
}

/* Zvýšení textů v krokovém seznamu na 20px */
ol.cart-header li.step span,
ol.cart-header li.step strong span {
    font-size: 20px !important;
    line-height: 1.5;
    font-weight: bold;
}
/* Zvýšení textu "OBJEDNAT" na 24px a převod na velká písmena */
span.order-button-text {
    font-size: 24px !important; /* Velikost textu 24px */
    font-weight: bold; /* Tučné písmo */
    line-height: 1.5; /* Pro lepší čitelnost */
    text-transform: uppercase; /* Převod na velká písmena */
}

/* Druhý text na tlačítku ponechán na 16px */
span.order-button-text ~ span {
    font-size: 16px !important; /* Velikost textu 16px */
    font-weight: normal; /* Normální písmo */
    line-height: 1.4; /* Pro čitelnost */
}

/* Styl pro nadpisy Fakturační adresa a Osobní údaje */
h4.header-billing {
    font-size: 24px !important;
    line-height: 1.5;
    font-weight: bold;
}
h4 {
    font-size: 24px !important;
    line-height: 1.5;
    font-weight: bold;
}
/* Obecné texty zůstávají na 16px */
body,
p,
span,
div {
    font-size: 16px;
    line-height: 1.5;
}


/* Resetujeme výchozí styly Shoptetu */
#categories ul {
    padding-left: 0 !important;
    margin-left: 0 !important;
    list-style: none;
}

#categories ul li {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

#categories .topic a {
    font-size: 16px;
    font-weight: bold;
    display: block; /* Zabrání překrývání */
    padding: 5px 0; /* Lepší čitelnost */
}

#categories ul li a {
    font-size: 16px;
    color: #555;
    display: block; /* Opravuje překrývání textu */
    padding: 5px 0;
}

/* Zvýraznění kategorií s podkategoriemi */
#categories ul li a[style*="font-weight: bold"] {
    color: #000;
}

/* Odsazení podkategorií podle úrovně */
#categories ul li {
    position: relative; /* Zajišťuje správné řazení */
}

#categories ul li a {
    margin-left: 0 !important; /* Výchozí hodnota */
}


#header .site-name a img {
    max-width: 185px;
}

.banners-content a img, .banner-footer a img, .banner-wrapper a img, .footer-banner a img, .banner-category a img {
    border-radius: 20px;
    overflow: hidden;
}

.products-block .p-in-in {
    min-height: auto;
}

.category-header input[type="radio"]:checked+label {
    background-color: var(--color-primary);
}

.welcome .welcome__content p {
    margin-bottom: 0;
}

.welcome .welcome__content p + p{
    margin-top: 20px;
}

@media (min-width: 768px) {
    .top-navigation-bar .container > div.top-navigation-contacts {
        top: 0;
        height: 49px;
    }

    .welcome h1 {
        font-size: 40px;
        margin-bottom: 30px;
    }

    .welcome p {
        font-size: 16px;
        line-height: 1.8;
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) {
    .welcome {
        padding: 40px 40px 40px 40px;
    }
}

@media (min-width: 768px) {
    .header-top {
        padding-top: 30px;
        padding-bottom: 10px;
    }

    .popup-widget.cart-widget,
    .popup-widget.login-widget {
        top: 105px;
    }

    .admin-logged .popup-widget.cart-widget,
    .admin-logged .popup-widget.login-widget {
        top: 130px;
    }
}

@media (min-width: 992px) {
    .header-top {
        padding-top: 30px;
        padding-bottom: 10px;
    }

    .popup-widget.cart-widget,
    .popup-widget.login-widget {
        top: 130px;
    }

    .admin-logged .popup-widget.cart-widget,
    .admin-logged .popup-widget.login-widget {
        top: 155px;
    }
}

@media (max-width: 767px) {
    .top-navigation-bar {
        background-color: white;
    }
}

@media (max-width: 370px){
    .top-navigation-bar .site-name a img {
        max-height: 30px;
    }
}

@media (min-width: 768px) {
    .products-related-block h2, .products-alternative-block h2,
    h4.homepage-group-title, .h4.homepage-group-title {
        font-size: 36px;
    }

    body .hodnoceni:before {
        text-align: center;
        font-size: 36px;
        margin-bottom: 30px;
    }

    .products-block.products .p .name {
        font-size: 18px;
    }

    .navigation-buttons a[data-target="cart"]:hover {
        color: white;
    }

    .header-top .btn.cart-count:hover .cart-price {
        color: white;
    }

    .navigation-buttons .click-cart a:after {
        display: none;
    }

    .click-cart > a[data-target="cart"] {
        background: var(--color-secondary);
        border-radius: 8px;
    }

    .click-cart > a[data-target="cart"]:hover {
        background: var(--color-secondary-hover);
    }

    #header .cart-count {
        border-radius: 7px 7px;
    }

    .navigation-buttons a[data-target="cart"] {
        color: #fff;
    }

    .header-top .btn.cart-count:before {
        font-size: 26px;
    }

    .header-top .btn.cart-count:before {
        color: white !important;
    }

    .navigation-buttons {
        right: 0;
    }

    .cart-window-visible #header .click-cart {
        border-radius: 7px 7px 0 0;
    }

    .cart-window-visible #header .cart-count {
        background: var(--color-secondary-hover);
        border-radius: 7px 7px 0 0;
    }

    .cart-window-visible .btn.cart-count .cart-price {
        color: white;
    }

    .popup-widget {
        margin-left: -6px;
    }
}

@media (min-width: 992px) {
    .popup-widget.cart-widget {
        margin-left: 106px;
    }
}

@media (min-width: 1200px) {
    .popup-widget.cart-widget {
        margin-left: 209px;
    }
}

@media (min-width: 1440px) {
    .popup-widget.cart-widget {
        margin-left: 329px;
    }
}

body.one-column-body.template-11 #dklabBanplusUvod {
    margin-left: -10px;
    margin-right: -10px;
}

body #dklabBanplusUvod .dklabBanplusBox img {
    border-radius: 10px;
}

.dklabBanplusBox img {
    width: 100%;
    height: auto;
    max-width: 300px;
}

@media (max-width: 768px) {
    .dklabBanplusBox img {
        max-width: 100%;
        height: auto;
    }
}

.footer-icons .footer-icon {
    max-height: 60px;
    max-width: 240px;
}

.footer-icons .footer-icon {
    padding: 10px 10px;
    margin: 10px;
    max-height: 50px;
}

.in-index .products-block .p-bottom .p-desc {
    display: none;
}

@media (max-width: 1199px) {
    .footer-banners .footer-banner {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
}

span.vote-time {
    display: none !important;
}

time[datetime] {
    display: none !important;
}

/* Globální velikost písma a výška řádku */
body,
.top-navigation-bar-menu li a,
.site-name,
.top-navigation-contacts strong,
.top-navigation-contacts span,
.top-navigation-menu-trigger span,
.accordion__content ul li a,
.breadcrumbs,
.sidebar .box-categories #categories ul li a,
.sidebar .box-categories .categories .topic a,
.availability span,
.delivery-time-block .delivery-time-label,
.delivery-time-block .delivery-time span,
.delivery-time-block .shipping-options,
.p-short-description p,
.category-perex,
.sub-category-description p,
.subcategory-description span,
.p-desc,
.dkLabVisitedProducts .top-products-name,
.js-slider-group .vote-content,
.vote-content,
.next-prev a,
a.chevron-after,
.shipping-billing-name,
#choose-variant,
.add-to-cart-button span,
.product-btn .btn.btn-primary,
button.btn.btn-secondary.btn-login,
a[data-testid="signup"],
a[href="/registrace/"],
a[href="/klient/zapomenute-heslo/"],
a[href="/hodnoceni-obchodu/"],
a.sidepanel-rating__btn,
span[data-micro="name"][data-testid="productCardName"],
#newsWrapper .news-item .text .description p,
#newsWrapper .news-item .text .btn,
a.btn.btn-secondary {
    font-size: 16px !important;
}

a.rating-more-btn .btn.btn-secondary {
  font-size: 16px !important;
}

a.add-comment .link-like.rating-icon {
  font-size: 16px !important;
}

.dklab-delivery-box .dklabdelicon-full-delivery-truck {
    font-size: 28px;
    margin-right: 8px;
}

.dkLabVisitedProducts strong {
    font-size: 18px !important;
}

.p-short-description-block .p-short-description h2 {
    font-size: 16px !important;
    font-weight: normal;
}

ul.subcategories.with-image .text {
    font-size: 16px;
}

/* Stylování obrázků kategorií */
ul.subcategories.with-image .image img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

#newsWrapper .news-item .text .btn,
a.btn.btn-secondary {
    font-size: 16px !important;
    padding: 10px 20px;
}

@media (max-width: 768px) {
  .content-wrapper.news-block.js-news-block {
    display: none;
  }
}

@media (max-width: 768px) {
  .dkLabVisitedProductsBox {
    display: none !important;
  }
}

/* Zvětšení textu pro tlačítka "Zpět nahoru" a "Další produkty" */
.pagination-top-btn.js-scroll-top strong.js-scroll-top {
    font-size: 16px !important;
}

.load-products.btn.btn-default.unveil-button {
    font-size: 16px !important;
}

/* Zajištění zvětšení textu pro radio tlačítka a jejich popisky */
form input[type="radio"] + label {
    font-size: 16px !important;
}

/* Kontaktní blok v košíku - zvětšení textu na 16px */
.cart-header__contact h4,
.cart-header__contact ul li a,
.cart-header__contact span {
    font-size: 16px !important;
}

/* Zvětšení textu pro formulář s kupónem */
input#discountCouponCode,
button[data-testid="buttonSubmitDiscountCoupon"],
.form-control,
input[type="text"] {
    font-size: 16px !important;
}

/* Zajištění, že texty v košíku budou mít minimální velikost 16px */
.cart-table td, 
.cart-table .p-name, 
.cart-table .p-availability, 
.cart-table .p-quantity, 
.cart-table .p-price,
.cart-table .p-total,
.cart-table .p-label,
.cart-summary .price-label, 
.cart-summary .price-primary,
.cart-summary .price-secondary {
    font-size: 16px !important;
}

/* Zvětšení textu pro "Skladem" */
.availability-label {
    font-size: 16px !important;
}
/* Zvětšení písma pro celý formulář */
#order-form {
    font-size: 16px; /* Nastavení základní velikosti písma */
}

/* Zvýraznění a zvětšení písma nadpisů */
#order-form h4 {
    font-size: 18px;
    font-weight: bold;
}

/* Zvýraznění názvů způsobů dopravy a plateb */
.shipping-billing-name {
    font-size: 16px;
    font-weight: bold;
}

/* Zvýraznění cen dopravy a plateb */
.payment-shipping-price {
    font-size: 16px;
    color: #333; /* Volitelně: tmavší barva pro lepší čitelnost */
    font-weight: bold;
}

/* Stylování sublabelů (podrobností pod názvem dopravy/platby) */
.sublabel {
    font-size: 16px;
    color: #666; /* Volitelně: světlejší text pro menší důležitost */
}

/* Stylování tooltipů (otázníky s vysvětlením) */
.show-tooltip {
    font-size: 14px;
    color: #999;
}

/* Zvýraznění tlačítka odeslání */
#orderFormSubmit {
    font-size: 16px;
    font-weight: bold;
    background-color: #007bff; /* Modré tlačítko */
    color: #fff; /* Bílý text */
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* Zvýraznění aktivního výběru dopravy nebo platby */
.radio-wrapper.active {
    border: 2px solid #007bff; /* Orámování pro aktivní výběr */
    padding: 10px;
    border-radius: 4px;
}

/* Zajištění větší čitelnosti odkazů */
a {
    font-size: 16px;
    color: #007bff;
    text-decoration: underline;
}

/* Úroveň 1 */
#navigation .menu-level-1 > li > a {
    font-size: 16px !important;
    line-height: 1.5; /* Volitelné - lepší čitelnost */
    color: #000; /* Volitelně změňte barvu */
}

/* Úroveň 2 */
#navigation .menu-level-2 > li > a {
    font-size: 16px !important;
    line-height: 1.5; 
    color: #000;
}

/* Úroveň 3 */
#navigation .menu-level-3 > li > a {
    font-size: 16px !important;
    line-height: 1.5;
    color: #000;
}

/* Text ve span uvnitř všech úrovní */
#navigation .menu-level-1 span,
#navigation .menu-level-2 span,
#navigation .menu-level-3 span {
    font-size: 16px !important;
    color: #000;
}

/* Obecné nastavení pro všechny odkazy v menu */
#navigation a {
    font-size: 16px !important;
    text-decoration: none; /* Volitelné: odstranění podtržení */
}
/* Zvýšení velikosti písma pouze pro tlačítko "Kontaktní formulář" */
a[href="/kontakty"].btn.btn-primary {
    font-size: 16px !important;
}
/* Zvýšení velikosti písma pro tlačítko "Přejít do košíku" */
a[href="/kosik/"].btn.btn-conversion {
    font-size: 16px !important;
}

/* Zvýšení velikosti písma pro tlačítko "Pokračovat v nákupu" */
button.next-step-back.back-to-shop.js-continue-shopping {
    font-size: 16px !important;
}
a[href="/objednavka/krok-1/"] span {
    font-size: 20px !important; /* Přepíše všechna ostatní pravidla */
}
.order-summary-top .cart-items .cart-item {
    font-size: 16px !important;
}
#shipping-billing-summary > div:nth-child(1) > strong {
    font-size: 16px !important;
}

#shipping-billing-summary > div.recapitulation-single.recapitulation-shipping-billing.last strong {
    font-size: 16px !important;
}
a.next-step-back.back-to-shop[data-testid="buttonPrevStep"] {
    font-size: 16px !important;
}
/* Nastavení textu uvnitř divů s třídou "recapitulation-single" */
.recapitulation-single {
    font-size: 16px; /* Nastavení velikosti textu */
    line-height: 1.5; /* Výška textu pro lepší čitelnost */
}

/* Texty ve strong uvnitř "recapitulation-single" */
.recapitulation-single strong {
    font-size: 16px;
    line-height: 1.5;
}

/* Nastavení textu v .form-group a .whole-width */
.form-group label.whole-width {
    font-size: 16px;
    line-height: 1.5;
}

/* Text uvnitř input checkbox + label */
input[type="checkbox"] + label.whole-width {
    font-size: 16px;
    line-height: 1.5;
}

/* Texty pro konkrétní odkazované části */
.form-group .whole-width a {
    font-size: 16px; /* Odkazy mají stejnou velikost */
    line-height: 1.5;
    text-decoration: underline; /* Zachování podtržení dle HTML */
}
/* Změna barvy pozadí tlačítka můžeme doručit */
p-info-grid .detail-availability-block .delivery-time {
    background: #007bff; /* Zadejte požadovaný hexadecimální kód pro barvu pozadí */
    color: #ffffff; /* Zadejte požadovaný hexadecimální kód pro barvu textu */
    padding: 10px; /* Můžete přidat padding pro lepší vzhled */
    border-radius: 5px; /* Zaoblené rohy, pokud chcete */
}
#product-detail-form > div > div.col-xs-12.col-lg-6.p-info-wrapper > div.p-info-grid > div.detail-availability-block.detail-grid-item > tr > th > div.delivery-time > span {
    color: #ffffff !important; /* Zadejte hexadecimální kód pro požadovanou barvu textu */
}
/* Velikost písma s cenou produktu */
.price-final-holder {
    font-size: 36px; /* Změňte hodnotu podle potřeby */
    font-weight: bold; /* Volitelně, pokud chcete, aby byla cena tučnější */
    color: #000; /* Volitelně, pro změnu barvy textu */
}

/* Styl pro "Akce" v detailu produktu */
#product-detail-form .flag.flag-action {
    font-size: 20px; /* Velikost textu pro "Akce" v detailu produktu */
    color: #ffffff; /* Barva textu pro "Akce" v detailu produktu */
}

/* Styl pro "Akce" v přehledu produktů */
#products > div > div > a > div.flags.flags-default > span.flag.flag-action {
    font-size: 16px; /* Velikost textu pro "Akce" v přehledu produktů */
    color: #ffffff; /* Barva textu pro "Akce" v přehledu produktů */
}

/* Styl pro slevu v přehledu produktů */
#products > div > div > a > div.flags.flags-default > span.flag.flag-discount > span {
    font-size: 20px; /* Velikost písma pro slevu */
    color: #ffffff; /* Barva textu pro slevu */
}

/* Pro změnu barvy textu u slevy */
#product-detail-form > div > div.col-xs-12.col-lg-6.p-image-wrapper > div.p-image > div.flags.flags-extra > span.flag.flag-discount .price-save {
    color: #ffffff; /* Změňte na požadovanou barvu textu */
    font-weight: bold; /* Volitelně, pokud chcete, aby byla sleva tučnější */
}

/* Změna velikosti a barvy písma pro odpočet akční ceny */
#dkLabCountdownDetail {
    font-size: 18px !important; /* Velikost písma pro odpočet akční ceny */
    color: #ffffff !important; /* Barva textu pro odpočet akční ceny */
}

#dkLabCountdownDetail .dkLabCountdownActionText {
    font-size: 18px !important; /* Velikost textu pro "Akční cena končí za" */
    color: #ffffff !important; /* Barva textu pro "Akční cena končí za" */
}

#dkLabCountdownDetail .dkLabCountdownTimer {
    font-size: 16px !important; /* Velikost textu pro časovač */
    color: #ffffff !important; /* Barva textu pro časovač */
}

#dkLabCountdownDetail .dkLabCountdownPartValue {
    font-size: 16px !important; /* Velikost čísla pro dny, hodiny, minuty a sekundy */
    color: #ffffff !important; /* Barva čísla pro dny, hodiny, minuty a sekundy */
}

/* Změna výšky textu pro slevu v detailu produktu */
#product-detail-form > div > div.col-xs-12.col-lg-6.p-image-wrapper > div.p-image > div.flags.flags-extra > span > span.price-save > span {
    font-size: 24px; /* Změňte hodnotu podle potřeby */
    font-weight: bold; /* Volitelně, pokud chcete, aby byla sleva tučnější */
    line-height: 1.5; /* Změna výšky řádku */
}

#product-detail-form > div > div.col-xs-12.col-lg-6.p-image-wrapper > div.p-image > div.flags.flags-extra > span > span.price-save > span sub {
    font-size: 24px; /* Změňte hodnotu podle potřeby pro procento */
    font-weight: bold; /* Volitelně, pokud chcete, aby bylo procento tučnější */
}


</style>



<script>
document.addEventListener("DOMContentLoaded", function() {
    let categories = document.querySelectorAll("#categories .categories");

    categories.forEach(function(category) {
        let mainCategory = category.querySelector(".topic a");
        let subCategoryLists = category.querySelectorAll("ul");

        // Pokud hlavní kategorie obsahuje podkategorie, nastavíme ji tučně
        if (subCategoryLists.length > 0 && mainCategory) {
            mainCategory.style.fontWeight = "bold";
        }

        // Procházení všech podkategorií a jejich správné odsazení
        let subCategories = category.querySelectorAll("ul li a");

        subCategories.forEach(function(subCategory) {
            let parentLi = subCategory.closest("li");
            let nestedUl = parentLi.querySelector("ul");

            // Pokud tato kategorie obsahuje další podkategorie, bude tučná
            if (nestedUl) {
                subCategory.style.fontWeight = "bold";
            }

            // Určení úrovně zanoření podle počtu rodičovských <ul>
            let level = 0;
            let parentUl = subCategory.closest("ul");

            while (parentUl && parentUl !== document.querySelector("#categories")) {
                level++;
                parentUl = parentUl.parentElement.closest("ul");
            }

            // Nastavení přesného odsazení – první úroveň 5px, další +10px
            let indent = level === 1 ? 35 : 10 + (level - 1) * 40;
            subCategory.style.paddingLeft = indent + "px"; // OPRAVENO: paddingLeft místo padding-left
        });
    });
});
</script>

